<div id="content_header">
  <h3>Register a new bank</h3>
</div>
<div class="row">
  <form name="form" role="form" ng-submit="add()">

    <div class="form-group" ng-class="{ 'has-error': errors.Name}">
      <label class="required" for="Name">Bank Name</label>
      <span class="error" ng-show="form.Name.$error.required">Required!</span>
      <input type="text" name="Name" class="form-control" id="Name" placeholder="Input field" ng-model="newItem.Name" required>
      <error-widget field="errors.Name"></error-widget>
    </div>

    <div class="form-group" ng-class="{ 'has-error': errors.Code}">
      <label class="required" for="Code">Bank Code</label>
      <span class="error" ng-show="form.bankCode.$error.required">Required!</span>
      <input type="text" name="Code" class="form-control" id="Code" placeholder="Input field" ng-model="newItem.Code" required>
      <error-widget field="errors.Code"></error-widget>
    </div>

    <button type="submit" class="btn btn-primary">Submit</button>
  </form>
</div>